<%--
  Created by IntelliJ IDEA.
  User: sutong
  Date: 2017/11/3
  Time: 20:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <%@include file="../include/link.jsp" %>
  <meta id="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="applicable-device" content="mobile">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title></title>
    <style>
      html, body { -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; overflow-scrolling: touch; }
      .webuploader-pick{width: 100%;height: 100%;}
      * {
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        tap-highlight-color: rgba(0,0,0,0);
      }
      .release .release-title {
        font-size: 1.3rem;
        color: #404040;
        height: 4.5rem;
        line-height: 4.5rem;
        text-align: center;
      }
      body {
        background: #fff;
        font-family: "微软雅黑",Arial;
        color: #505050;
      }
      .page {
        min-height: 100%;
      }

      .m-container.bottom {
        bottom: .9rem;
      }
      .m-container {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        overflow-scrolling: touch;
      }
      .b-bottom-e5 { position: relative; }
      .b-bottom-e5:after { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none }
      .release .release-content {
        padding: 1.3rem;
        padding-top: 0;
      }
      .release .release-content .release-tag {
        margin-top: 1.3rem;
        margin-bottom: 1.1rem;
      }


      .release .release-content .release-tag span {
        color: #303030;
        font-size: 1.28rem;
        display: block;
      }
      .release .release-content .text {
        border: 1px solid #eaeaea;
        min-height: 2.8rem;
        position: relative;
        overflow: hidden;
        padding: 0 .1rem;
        margin-top: .2rem;
      }
      .release .release-content .text input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-indent: .5rem;
        font-size: 1.5rem;
      }
      .m-bottom {
        width: 100%;
        height: 3.9rem;
        position: fixed;
        left: 0;
        bottom: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 10;
      }
      .release-btn {
        width: 100%;
        height: .9rem;
        line-height: .9rem;
        display: block;
        color: #fff;
        background: #0db252;
        font-size: .3rem;
        text-align: center;
      }
      .release-btn {
        width: 100%;
        height: 3.9rem;
        line-height: 3.9rem;
        display: block;
        color: #fff;
        background: #0db252;
        font-size: 1.3rem;
        text-align: center;
      }
    </style>
</head>
<body style="font-size: 18px;">


<div class="page">

  <div class="m-container bottom">
    <div class="release">
      <div class="release-title b-bottom-e5">生成二维码</div>
      <div class="release-content">
        <div class="release-tag">
          <span>请输入金额：</span>
        </div>
        <div class="text">
          <input type="text" name="title" id="title" maxlength="15" placeholder="请输入金额" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
        </div>
        <div class="release-tag">
          <span>请输入订单号：</span>
        </div>
        <div class="text">
          <input type="text" name="author" id="author" maxlength="30" placeholder="请输入订单号" >
        </div>
        <div>
          <%--<img class="q_code" src="/qr/getQ?id=https://www.baidu.com/" />--%>
        </div>
      </div>
    </div>
  </div>
  <div class="m-bottom">
    <input type="hidden" id="uuid" value="${uuid}" />
    <button id="save"  onclick="zxiang()" class="release-btn">生成二维码</button>
  </div>
  <div class="m-bottom-holder"></div>
</div>
<script>
  function zxiang(){
    var amount=document.getElementById("title").value;
    var orderCode=document.getElementById("author").value;
    var uuid=document.getElementById("uuid").value;
    location.href = "/wx2/qrsrwe?amount="+amount+"&uuid="+uuid+"&orderCode="+orderCode
  }
</script>
</body>
</html>
